/*
 * @Description:
 * @Autor: lcz
 * @Date: 2022-06-14 21:17:35
 * @LastEditors: lcz
 * @LastEditTime: 2024-01-16 14:22:46
 */
// 导入路由组件
import { lazy } from 'react';
import { RouteConfig } from 'react-router-config';
const Home = lazy(() => import('../views/Home'));
const Affix = lazy(() => import('../views/Affix'));
const Code = lazy(() => import('../views/Code'));
const Banner = lazy(() => import('../views/Banner'));
const PopConfig = lazy(() => import('../views/PopConfig'));
const TimeLine = lazy(() => import('../views/TimeLine'));
const Icon = lazy(() => import('../views/Icon'));
const Button = lazy(() => import('../views/Button'));
const Divider = lazy(() => import('../views/Divider'));
const Spin = lazy(() => import('../views/Spin'));
const Select = lazy(() => import('../views/Select'));
const Map = lazy(() => import('../views/Map'));
const Upload = lazy(() => import('../views/Upload'));
const Iframe = lazy(() => import('../views/Iframe'));
const Tree = lazy(() => import('../views/Tree'));
const Hooks = lazy(() => import('../views/Hooks'));
const Progress = lazy(() => import('../views/Progress'));
const Cascader = lazy(() => import('../views/Cascader'));
const Excel = lazy(() => import('../views/ExcelCom'));
const Excel2 = lazy(() => import('../views/ExcelCom2'));
const GroupTable = lazy(() => import('../views/GroupTable'));
const Table = lazy(() => import('../views/Table'));
const TabCanvas = lazy(() => import('../views/Canvas/Tab'));
const FormPrompt = lazy(() => import('../views/FormPrompt'));
// 导入路由管理工具

const routes: RouteConfig = [
  {
    name: 'Home',
    key: '/home',
    path: '/',
    exact: true,
    component: Home,
  },
  {
    name: 'About',
    key: '/affix',
    path: '/affix',
    exact: true,
    component: Affix,
  },
  {
    name: 'createCode',
    key: '/createCode',
    path: '/Code',
    exact: true,
    component: Code,
  },
  {
    name: 'banner',
    key: '/banner',
    path: '/banner',
    exact: true,
    component: Banner,
  },
  {
    name: 'PopConfig',
    key: '/PopConfig',
    path: '/PopConfig',
    exact: true,
    component: PopConfig,
  },
  {
    name: 'TimeLine',
    key: '/TimeLine',
    path: '/TimeLine',
    exact: true,
    component: TimeLine,
  },
  {
    name: 'Icon',
    key: '/Icon',
    path: '/Icon',
    exact: true,
    component: Icon,
  },
  {
    name: 'Button',
    key: '/Button',
    path: '/Button',
    exact: true,
    component: Button,
  },
  {
    name: 'Divider',
    key: '/Divider',
    path: '/Divider',
    exact: true,
    component: Divider,
  },
  {
    name: 'Spin',
    key: '/Spin',
    path: '/Spin',
    exact: true,
    component: Spin,
  },
  {
    name: 'Select',
    key: '/Select',
    path: '/Select',
    exact: true,
    component: Select,
  },
  {
    name: 'Map',
    key: '/Map',
    path: '/Map',
    exact: true,
    component: Map,
  },
  {
    name: 'Upload',
    key: '/Upload',
    path: '/Upload',
    exact: true,
    component: Upload,
  },
  {
    name: 'Iframe',
    key: '/Iframe',
    path: '/Iframe',
    exact: true,
    component: Iframe,
  },
  {
    name: 'Tree',
    key: '/Tree',
    path: '/Tree',
    exact: true,
    component: Tree,
  },
  {
    name: 'Hooks',
    key: '/Hooks',
    path: '/Hooks',
    exact: true,
    component: Hooks,
  },
  {
    name: 'Progress',
    key: '/Progress',
    path: '/Progress',
    exact: true,
    component: Progress,
  },
  {
    name: 'Cascader',
    key: '/Cascader',
    path: '/Cascader',
    exact: true,
    component: Cascader,
  },
  {
    name: 'Excel',
    key: '/Excel',
    path: '/Excel',
    exact: true,
    component: Excel,
  },
  {
    name: 'Excel2',
    key: '/Excel2',
    path: '/Excel2',
    exact: true,
    component: Excel2,
  },
  {
    name: 'GroupTable',
    key: '/GroupTable',
    path: '/GroupTable',
    exact: true,
    component: GroupTable,
  },
  {
    name: 'Table',
    key: '/Table',
    path: '/Table',
    exact: true,
    component: Table,
  },
  {
    name: 'tabCanvas',
    key: '/tabCanvas',
    path: '/tabCanvas',
    exact: true,
    component: TabCanvas,
  },
  {
    name: 'FormPrompt',
    key: '/FormPrompt',
    path: '/FormPrompt',
    exact: true,
    component: FormPrompt,
  },
];

export default routes;
